<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="购物车.css" />
    <link rel="stylesheet" href="commen .css" />
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2819639_ar48kq2ao65.css" />
    <script src="./jQuery.min.js"></script>
    <script src="购物车.js"></script>
  </head>

  <body>
    <!-- 顶部 -->
    <nav class="wid dibianxian">
      <a href="xiaomiguawang.html"><img src="imge/logo-mi2.png" alt="" class="q4" /></a>
    </nav>
    <!-- 中间 -->
    <div class="quanxuankuang wid">
      <div class="top clearfis">
        <p>全部商品</p>
      </div>
      <div class="quanxuan box">
        <ul>
          <li style="width: 120px"><input type="checkbox" class="quanxuan1" /> 全选</li>
          <li style="width: 500px">商品</li>
          <li style="width: 120px">单价</li>
          <li style="width: 200px">数量</li>
          <li style="width: 120px">小计</li>
          <li>操作</li>
        </ul>
      </div>
    </div>
    <div class="content wid box">
      <ul>
        <li style="width: 50px"><input type="checkbox" class="dan" /></li>
        <li>
          <div class="shangpin">
            <img src="imge/tu13.webp" alt="" />
            <p>【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文数学大纲</p>
          </div>
        </li>
        <li style="width: 129px" class="danjia">¥12.60</li>
        <li style="width: 191px">
          <button class="jian">-</button>
          <input type="text" value="0" class="shuliang" />
          <button class="jia">+</button>
        </li>
        <li style="width: 139px">¥<span class="xiaoji">0.00</span></li>
        <li class="shanchu">删除</li>
      </ul>
    </div>
    <div class="content wid box">
      <ul>
        <li style="width: 50px"><input type="checkbox" class="dan" /></li>
        <li>
          <div class="shangpin">
            <img src="imge/tu14.webp" alt="" />
            <p>【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文数学大纲</p>
          </div>
        </li>
        <li style="width: 129px" class="danjia">¥12.60</li>
        <li style="width: 191px">
          <button class="jian">-</button>
          <input type="text" value="0" class="shuliang" />
          <button class="jia">+</button>
        </li>
        <li style="width: 139px">¥<span class="xiaoji">0.00</span></li>
        <li class="shanchu">删除</li>
      </ul>
    </div>
    <div class="content wid box">
      <ul>
        <li style="width: 50px"><input type="checkbox" class="dan" /></li>
        <li>
          <div class="shangpin">
            <img src="imge/tu15.webp" alt="" />
            <p>【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文数学大纲</p>
          </div>
        </li>
        <li style="width: 129px" class="danjia">¥12.60</li>
        <li style="width: 191px">
          <button class="jian">-</button>
          <input type="text" value="0" class="shuliang" />
          <button class="jia">+</button>
        </li>
        <li style="width: 139px">¥<span class="xiaoji">0.00</span></li>
        <li class="shanchu">删除</li>
      </ul>
    </div>
    <div class="wid quanxuanxia">
      <ul>
        <li style="width: 120px; padding-left: 10px; box-sizing: border-box">
          <input class="all" type="checkbox" style="vertical-align: middle" />全选
        </li>
        <li style="width: 150px" class="shanchu1">删除所选中的商品</li>
        <li style="width: 500px" class="qingli">清理购物车</li>
        <li style="width: 130px">已选<span style="color: red" class="zongshuliang">1</span>件商品</li>
        <li style="width: 50px">总价 :</li>
        <li style="width: 150px; color: red" class="zongjia">¥12.60</li>
        <li style="height: 50px; width: 100px; background-color: red; color: #fff; text-align: center">
          <a href="javascript:;" style="color: #fff">去结算</a>
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <footer>
      <div class="w5 wid">
        <ul>
          <li>
            <img src="img\图层138.png" alt="" />
            <h5>正品保证</h5>
            <p>正平保障，提供发票</p>
          </li>
          <li>
            <img src="img\图层138.png" alt="" />
            <h5>正品保证</h5>
            <p>正平保障，提供发票</p>
          </li>
          <li>
            <img src="img\图层138.png" alt="" />
            <h5>正品保证</h5>
            <p>正平保障，提供发票</p>
          </li>
          <li>
            <img src="img\图层138.png" alt="" />
            <h5>正品保证</h5>
            <p>正平保障，提供发票</p>
          </li>
          <li>
            <img src="img\图层138.png" alt="" />
            <h5>正品保证</h5>
            <p>正平保障，提供发票</p>
          </li>
        </ul>
      </div>
      <div class="w6 wid">
        <div>
          <ul>
            <li>购物指南</li>
            <li>购物流程</li>
            <li>会员介绍</li>
            <li>生活旅行/团购</li>
            <li>常见问题</li>
            <li>大家电</li>
            <li>联系客服</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>配送方式</li>
            <li>上门自提</li>
            <li>211限时达</li>
            <li>配送服务查询</li>
            <li>配送费收取标准</li>
            <li>海外配送</li>
            <li></li>
          </ul>
        </div>
        <div>
          <ul>
            <li>支付方式</li>
            <li>货到付款</li>
            <li>在线支付</li>
            <li>分期付款</li>
            <li>邮局汇款</li>
            <li>公司转账</li>
            <li></li>
          </ul>
        </div>
        <div>
          <ul>
            <li>售后服务</li>
            <li>售后政策</li>
            <li>价格保护</li>
            <li>退款说明</li>
            <li>返修/退换货</li>
            <li>取消订单</li>
            <li></li>
          </ul>
        </div>
        <div>
          <ul>
            <li>特色服务</li>
            <li>夺宝岛</li>
            <li>DIY装机</li>
            <li>延保服务</li>
            <li>品优购E卡</li>
            <li>品优购通信</li>
            <li></li>
          </ul>
        </div>
        <div>
          <ul>
            <li>帮助中心</li>
            <li><img src="img\图层129.png" alt="" /></li>
            <li>品优购客户端</li>
          </ul>
        </div>
      </div>
      <div class="w7">
        <div>
          关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 |
          品优购公益 | English Site | Contact U
        </div>
        <div>
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱:
          zhanghj+itcast.cn <br />
          京ICP备08001421号京公网安备110108007702
        </div>
      </div>
    </footer>
  </body>
</html>
